<template>
   <div class="container">
      请稍后……
   </div>
</template>

<script>
import { GetQueryString } from '@/utils/mixin' // 获取返回的token参数
export default {
  data () {
    return {
      count: '', // 倒计时
      show: false,
      token: '',
      getOpenidwebUrl: 'http://wxdemo.heyishe.cn/wechat/authorize?returnUrl=http://127.0.0.1:8080/author'// PHP版本
    }
  },
  computed: {

  },
  created () {
    // 1.检测会员有没有登录
    this.token = GetQueryString('openid')
    console.log('token=' + this.token)
    if (!this.token) {
      // 如果用户没有登录参数
      this.$message.error('微信登录失败！')
      this.$router.push('/login')
      // 不是微信客户端，跳转到微信授权登录页面
      // window.location.href = this.getOpenidwebUrl
    } else {
      // 如果有token 但是vuex中没有用户登录信息则做登录操作
      console.log('token=' + this.token)
      this.login()
    }
  }, // end of created
  methods: {

    async login () {
      let { data: res } = await this.$post('login/wx', {openid: this.token})
      console.log(res)
      if (res.code !== 200) {
        console.log('登录失败')
        this.$message.error('微信登录失败！')
        this.$router.push('/login')
      }
      console.log('登录成功！')
      this.$message.success('登录成功！')
      // 1.将登录成功后的token ，保存到客户端的sessionstorage中
      this.$store.dispatch('dologin', res.data) // vuex 登录
      // 2.通过编程式导航，跳转到后台主页
      this.$router.push('/home')
    }// end of login

  },
  watch: {},

  components: {},

  mounted: function () {}
}
</script>
<style  scoped>
.container {
    background-color: #ffffff;
    width: 100%;
    min-height: 100%;
    padding: 0px;
    margin:0px;
  }
  .tip {
    padding: 8px 16px;
    background-color: #EEEEEE;

    margin: 20px 0;
    font-size: 14px;
    color: #5e6d82;
    line-height: 1.5em;
}
</style>
